import React, { Component } from 'react'
import { observer } from 'mobx-react/custom'
import { Button } from 'antd-mobile'
import WithdrawPromptVM from 'cvm/prompt/withdrawPrompt'
import './withdrawPrompt.less'

const WithdrawPromptList = observer(({ vm }) => {
  return (
    <div>
      <div className='right-tip'>
        <img src={require('../../images/success.png')} />
      </div>
      <div>
        <p className='submit-sucess'>申请提现成功</p>
      </div>
      <div className='tips-box'>
        <p>平台会在3-7个工作日内</p>
        <p>发放提现金额到提现账户，请注意查收</p>
      </div>
      <div className='btn-box'>
        <Button type='primary' onClick={() => vm.handleToUserCenter()}>返回个人中心</Button>
        <Button onClick={() => vm.handleBackProject()}>返回项目列表</Button>
      </div>
    </div>
  )
})

@observer
class withdrawPrompt extends Component {
  constructor (props) {
    super(props)
    window.document.title = '提示页'
    this.vm = new WithdrawPromptVM(props)
  }
  render () {
    return (
      <div>
        <WithdrawPromptList vm={this.vm} />
      </div>
    )
  }
}

export default withdrawPrompt
